<template>
  <div class="pho-form-divider">
    <van-divider v-bind="$attrs" :content-position="contentPosition">
      <i :class="icon" v-if="icon" />
      {{value}}
    </van-divider>
  </div>
</template>

<script>
export default {
  name: "phone-form-divider",
  props: {
    value: {
      type: [String, Number],
      default: ""
    },
    contentPosition: {
      type: String,
      default: ""
    },
    icon: {
      type: String,
      default: ""
    }
  }
};
</script>

<style lang="scss" >
.pho-form-divider {
  padding: 0 16px;
}
</style>
